transformBanner();

function transformBanner(){
    var timer = null;
    var ul = $("#banner ul");
    var banner  = $("#banner");

    var index = 0;/*显示第几张图片，通过改变index索引值*/

    timer = setInterval(autoChange, 2000);

    function autoChange(){
        index++;
        if(index >  ul.children('li').length - 1){
            index = 0;
        }

        ul.children('li').eq(index).fadeIn(800).siblings().fadeOut(800);

        // banner.hover(function(){
        //     clearInterval(timer);
        // }, function(){
        //     timer = setInterval(autoChange, 2000);
        // })

    }
}
